﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Slideheader.ascx.cs" Inherits="usercontrol_header_Slideheader" %>
<div id="lofslidecontent45" class="lof-slidecontent" style="width:947px; height:330px;">
 <!-- MAIN CONTENT --> 
    <div class="lof-main-outer" style="width:947px; height:330px;">
  	<ul class="lof-main-wapper">
  		<li>
        		<img src="http://localhost:2011/didong/images/slide/thumbl_980x340.png" title="Newsflash 2" >           
                 <div class="lof-main-item-desc">
               
				<h2>Content of Newsflash 1</h2>
                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="http://localhost:2011/didong/images/slide/thumbl_980x340_002.png" title="Newsflash 1" >           
          	 <div class="lof-main-item-desc">
                
                <h2>Content of Newsflash 2</h2>
                <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="http://localhost:2011/didong/images/slide/thumbl_980x340_003.png" title="Newsflash 3" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 3</h2>
                <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        <li>

       	  <img src="http://localhost:2011/didong/images/slide/thumbl_980x340_004.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 4</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        
        <li>

       	  <img src="http://localhost:2011/didong/images/slide/thumbl_980x340_005.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               <h2>Content of Newsflash 5</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        <li>

       	  <img src="http://localhost:2011/didong/images/slide/thumbl_980x340_006.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               
                <h2>Content of Newsflash 6</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
         <li>
       	  <img src="http://localhost:2011/didong/images/slide/thumbl_980x340_007.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               
                <h2>Content of Newsflash 7</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
          <li>
       	  <img src="http://localhost:2011/didong/images/slide/thumbl_980x340_008.png" title="Newsflash 8" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 8</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                	<a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
      </ul>  	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->
    <div class="lof-navigator-wapper">

        <div onclick="return false" href="" class="lof-next">Next</div>
      <div class="lof-navigator-outer">
            <ul class="lof-navigator">
               <li><img src="http://localhost:2011/didong/images/thumbs/thumbl_980x340.png" /></li>
               <li><img src="http://localhost:2011/didong/images/thumbs/thumbl_980x340_002.png" /></li>
               <li><img src="http://localhost:2011/didong/images/thumbs/thumbl_980x340_003.png" /></li>
               <li><img src="http://localhost:2011/didong/images/thumbs/thumbl_980x340_004.png" /></li>    
               <li><img src="http://localhost:2011/didong/images/thumbs/thumbl_980x340_005.png" /></li>
               <li><img src="http://localhost:2011/didong/images/thumbs/thumbl_980x340_006.png" /></li>       
               <li><img src="http://localhost:2011/didong/images/thumbs/thumbl_980x340_007.png" /></li>       
               <li><img src="http://localhost:2011/didong/images/thumbs/thumbl_980x340_008.png" /></li>       		
            </ul>
      </div>
        <div onclick="return false" href="" class="lof-previous">Previous</div>
 </div> 
  <!----------------- --------------------->
 </div>